import React from 'react'
import './bottom-center.less'

function BottomCenter() {

    return <div style={{
        position: 'absolute',
        bottom: '0',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        zIndex: 99,
        width: '100%',
    }}>
        <div className='bottom-center'>
            <div className='bottom-center-title'>
                <div className='bottom-center-col col1'>巡检日期</div>
                <div className='bottom-center-col col2'>巡检时段</div>
                <div className='bottom-center-col col3'>巡检员</div>
                <div className='bottom-center-col col4'>检查项目</div>
                <div className='bottom-center-col col5'>检查结果</div>
                <div className='bottom-center-col col6'>异常描述</div>
                <div className='bottom-center-col col7'>整改措施</div>
                <div className='bottom-center-col col8'>巡检状态</div>
            </div>
            <div className='bottom-center-content'>
                <div className='bottom-center-col col1'>2025-06-16</div>
                <div className='bottom-center-col col2'>13:00-14:00</div>
                <div className='bottom-center-col col3'>李辉</div>
                <div className='bottom-center-col col4'>水面垃圾</div>
                <div className='bottom-center-col col5'>不合格</div>
                <div className='bottom-center-col col6'>--</div>
                <div className='bottom-center-col col7'>--</div>
                <div className='bottom-center-col col8'>已完成</div>
            </div>
            <div className='bottom-center-content'>
                <div className='bottom-center-col col1'>2025-06-15</div>
                <div className='bottom-center-col col2'>14:00-15:00</div>
                <div className='bottom-center-col col3'>王浩</div>
                <div className='bottom-center-col col4'>救生设备</div>
                <div className='bottom-center-col col5'>不合格</div>
                <div className='bottom-center-col col6'>缺失1个救生圈（应补至4个）</div>
                <div className='bottom-center-col col7'>补充设备并登记</div>
                <div className='bottom-center-col col8'>处理中</div>
            </div>
            <div className='bottom-center-content'>
                <div className='bottom-center-col col1'>2025-06-14</div>
                <div className='bottom-center-col col2'>14:00-15:00</div>
                <div className='bottom-center-col col3'>张智鹏</div>
                <div className='bottom-center-col col4'>更衣柜清洁</div>
                <div className='bottom-center-col col5'>合格</div>
                <div className='bottom-center-col col6'>--</div>
                <div className='bottom-center-col col7'>--</div>
                <div className='bottom-center-col col8'>已完成</div>
            </div>
        </div>
    </div>
}

export default BottomCenter;


